<template>
  <div>
    <!-- <h1>hello vue</h1> -->
    <!-- 
      侦听器watch
      作用：侦听data/computed数据值的变化
      语法：
      watch: {
        "被侦听的属性名"(newVal, oldVal){
           newVal: 第一个参数 表示修改后的值
           oldVal: 第二个参数 表示修改前的值
        }
      }
     -->
     <input v-model="name" type="text" name="" id="">
  </div>
</template>

<script>
export default {
  data(){
    return {
      name: ""
    }
  },
  watch: {
    name(newVal,oldVal){
      console.log(newVal,oldVal);
    }
  }
}
</script>

<style>

</style>